var pageSize = 99999999;
var vm = new Vue({
    el: "#app",
    data:function(){
        return{
            editDataModalFlag:false,
            categoreObject:{},
            // 在脚本中，我们在表格中定义的数据和表头都需要在这里进行绑定，下面是一些假数据，其中Columns1中的title表示列明，key表示K-V中的标识
            columns1: [
                /*{
                    title: 'ID',
                    key: 'ID',
                    align : 'center'
                },*/
                {
                    title: '考核类别',
                    key: 'Name',
                    align : 'center'
                },
                {
                    title: '状态',
                    key: 'CStatus',
                    align : 'center',
                    ellipsis:true
                },
                {
                    title: '操作',
                    key: '',
                    width: 150,
                    align: 'center',
                    fixed:"right",
                    render: (h, params) => {
                        return h('div', [
                            h('Button', {
                                props: {
                                    type: 'primary',
                                    size: 'small'
                                },
                                style: {
                                    border:'#7B7B7B',
                                    background:'#7B7B7B',
                                    marginRight: '5px'
                                },
                                on: {
                                    click: () => {
                                        this.edit(params)
                                    }
                                }
                            }, '修改'),
                        ]);

                    }
                }
            ],
            // 接下来绑定数据，分别对应前面的列的key值来进行数据绑定
            historyData: [],
            // 初始化信息总条数
            dataCount:0,
            stripe:true
        }
    },

    methods: {
        querytable(pageNum,pageSize){
            var info ;
            var total;
            var Status = $("#CStatus").val();
            if(Status==""||Status==null){
                Status = "";
            }
            var jsondata={"Status": Status, "page":pageNum, "row":pageSize};
            var data_json = JSON.stringify(jsondata);
            $.ajax({
                url: "./goSaleBack/queryAllCategory", //请求的url地址
                dataType: "json", //返回格式为json
                async:false,
                data: data_json, //参数值
                type: "POST", //请求方式
                processData: false, //对表单data数据是否进行序列化
                contentType: false, //dataType设置你收到服务器数据的格式
                headers: {
                    'Content-Type': 'application/json'
                },
                success: function(data) {
                    info = eval(data.data);
                    total = data.totalnum;
                },
                error: function() {},
            });
            if(info){
                this.historyData = info;
                this.dataCount = total;
            }
        },
        // 2 分页
        changepage(index){
            this.querytable(index,pageSize);
        },
        //3 修改
        edit(params){
            var self = this
            self.editDataModalFlag = true
            self.categoreObject = params.row;
        },
        doEditData () {
            var self = this
            var jsondata = self.categoreObject;
            var data_json = JSON.stringify(jsondata)
            $.ajax({
                url: "./goSaleBack/updateCategoryById", //请求的url地址
                dataType: "json", //返回格式为json
                async:false,
                data: data_json, //参数值
                type: "POST", //请求方式
                processData: false, //对表单data数据是否进行序列化
                contentType: false, //dataType设置你收到服务器数据的格式
                headers: {
                    'Content-Type': 'application/json'
                },
                success: function(data) {
                    // info = eval(data.data);
                    // total = data.totalnum;
                    toastr.success('保存成功');
                },
                error: function() {
                    toastr.error('保存失败，请重新保存');
                },
            });
        }

    }
})




function searchCategory() {
    var CStatus = $("#CStatus").val();
    var row = $("#row").val();
    if(row==''||row==null){
        row = "99999999";
    }
    var page = $("#page").val();
    if(page==''||page==null){
        page = "1";
    }
    var jsondata = {
        "CStatus": CStatus,
        "row":row,
        "page":page
    }
    var data_json = JSON.stringify(jsondata);

    $.ajax({
        url: "./goSaleBack/queryAllCategory", //请求的url地址
        dataType: "json", //返回格式为json
        data: data_json, //参数值
        type: "POST", //请求方式
        processData: false, //对表单data数据是否进行序列化
        contentType: false, //dataType设置你收到服务器数据的格式
        headers: {
            'Content-Type': 'application/json'
        },
        beforeSend: function() {
            //请求前的处理
        },
        success: function(data) {
            var data_json = JSON.parse(data.data);
            for(var i=0;i<data_json.length;i++){
                $("#cateResultList").append("<thead><tr><th class=\"col-md-3 text-center\">类别名称</th><th class=\"col-md-3 text-center\">状态</th><th class=\"col-md-3 text-center\">操作</th></tr></thead><tbody>"+"<tr><td>"+data_json[i].Name+"</td><td>"+data_json[i].CStatus+"</td><td><a class=\"btn btn-white btn-sm\" data-toggle=\"modal\" data-target=\"#edit\"><i class=\"fa fa-pencil\"></i> 编辑 </a> </td></tr></tbody>");
            }
        },
        complete: function() {
        },
        error: function() {
        }
    });
}